<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>Laya官网</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/animation.css"/>
		<link rel="stylesheet" type="text/css" href="css/donghua.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_789364_231ebf6mx7s.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>

	<body>
		<!--导航栏-->
		<nav class="navbar navbar-default navbar-inverse">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="navbar-brand" href="#"><img src="img/nav-logo_03.png" /></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
						<li><a href="product.html">Laya家族</a></li>
						<li><a href="game.html">游戏</a></li>
						<li><a href="new.html">新闻动态</a></li>
						<li><a href="#">开发者中心</a></li>
						<li><a href="#">开发者社区</a></li>
						<li><a href="#">开放平台</a></li>
						<li><a href="#">关于我们</a></li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="#">English</a></li>
								<li><a href="#">Chinese</a></li>
								<li><a href="#">French</a></li>
								<li><a href="#">Japanese</a></li>
								<li><a href="#">Korean</a></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--轮播图部分-->
		<div class="banner col-md-12 col-xs-12 col-lg-12">
			<div class="container-fluid">
				<div class="row banner-img  ">
					<img src="img/banner-logo_03_03.png" alt="" />
				</div>
			</div>
		</div>
		<!--引擎部分-->
		<div class="engine col-md-12 col-sm-12 col-xs-12 col-lg-12">
			<div class="container-fluid">
				<div class="row  ">
					<div class="engine-left  ">
						<div class="engine-left-top animated fadeInDown1   ">
							<p>LayaFlash 引擎</p>
							<span>让Flash技术变成开发HTML5产品的利器</span>
						</div>

						<div class="engine-left-bottom col-md-8 col-xs-12  col-sm-8  col-lg-8 ">
							<div class="engine-left-text animated fadeInDown1 delay-1s col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="engine-left-text-img ">
									<img src="img/shandian_03.png" alt="" />
								</div>
								<div class="engine-left-text-text ">
									<p>快速Flash产品转换</p>
									<span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
								</div>
							</div>
							<div class="engine-left-text   animated fadeInDown1 delay-1s col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="engine-left-text-img ">
									<img src="img/shandian_03.png" alt="" />
								</div>
								<div class="engine-left-text-text ">
									<p>快速Flash产品转换</p>
									<span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
								</div>
							</div>
							<div class="engine-left-text  animated fadeInDown1 delay-1s col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="engine-left-text-img ">
									<img src="img/shandian_03.png" alt="" />
								</div>
								<div class="engine-left-text-text ">
									<p>快速Flash产品转换</p>
									<span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
								</div>
							</div>
							<div class="engine-left-text  animated fadeInDown1  delay-1s col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="engine-left-text-img ">
									<img src="img/shandian_03.png" alt="" />
								</div>
								<div class="engine-left-text-text ">
									<p>快速Flash产品转换</p>
									<span>Flash页游\手游仅需1个人7天即可 转换为HTML5和APP游戏</span>
								</div>
							</div>

						</div>
					</div>
					<div class="engine-right-img col-md-4 col-sm-4  col-xs-8 col-lg-4 ">
						<img src="img/123a_03.png" alt="" />
					</div>
				</div>
			</div>
		</div>
		<!--优势部分-->
		<div class="advantage  col-md-12 col-xs-12 col-sm-12  col-lg-12">
			<div class="container-fluid">
				<div class="row">
					<div class="advantage-left fadeInDown1 animated  delay-1s col-md-4 col-xs-12 col-sm-4 col-lg-4">
						<img src="img/banner1-logo_14.png" alt="" />
					</div>
					<div class="advantage-right col-md-7 col-md-offset-1 col-xs-12 col-sm-8 col-lg-7 col-lg-offset-1">
						<div class="advantage-right-top fadeInLeft1 animated  delay-1 animated animated">
							<p>LayaBox优势</p>
							
						</div>

						<div class="advantage-right-bottom fadeInDown1 animated  delay-1 ">
							<div class="advantage-right-bottom-text">
								<img src="img/hudun_03.png" alt="" class="advantage-right-bottom-img"/>
								<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
							</div>
							<div class="advantage-right-bottom-text">
								<img src="img/shuojian_03.png" alt="" class="advantage-right-bottom-img"/>
								<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
							</div>
							<div class="advantage-right-bottom-text">
								<img src="img/shuben .png" alt="" class="advantage-right-bottom-img"/>
								<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
							</div>
							<div class="advantage-right-bottom-text">
								<img src="img/shuben .png" alt="" class="advantage-right-bottom-img"/>
								<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
							</div>
						</div>

					</div>

				</div>
			</div>
	</div>
		<!--产品家族部分-->
		<div class="family col-md-12 col-sm-12 col-xs-12 col-lg-12">
			<div class="container-fluid">
				<div class="row  ">
						<div class="family-top">
							<p>LayaBox产品家族</p>
						</div>

						<div class="family-bottom col-md-12 col-xs-12  col-sm-12  col-lg-12 ">
							<div class="familyt-bottom-text fadeInUp animated col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="familyt-bottom-text-img col-md-4 col-sm-4 col-xs-12 col-lg-3 ">
									<img src="img/layabox-1_03.png" alt="" />
								</div>
								<div class="familyt-bottom-text-text col-md-8 col-sm-8 col-xs-12 col-lg-9  ">
									<p>LayaAir</p>
									<span>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，</span>
								</div>
							</div>
							<div class="familyt-bottom-text fadeInUp animated  col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="familyt-bottom-text-img col-md-4 col-sm-4 col-xs-12 col-lg-3 ">
									<img src="img/Layabox-2_03.png" alt="" />
								</div>
								<div class="familyt-bottom-text-text col-md-8 col-sm-8 col-xs-12 col-lg-9  ">
									<p>LayaPublish</p>
									<span>Layabox发行业务，通过在H5产业链中的技术 桥梁优势，帮助CP获得流量支持。</span>
								</div>
							</div>
							<div class="familyt-bottom-text fadeInUp animated col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="familyt-bottom-text-img col-md-4 col-sm-4 col-xs-12 col-lg-3 ">
									<img src="img/Layabox-3_03.png" alt="" />
								</div>
								<div class="familyt-bottom-text-text col-md-8 col-sm-8 col-xs-12 col-lg-9  ">
									<p>LayaFlash</p>
									<span>使用Flash AS3语言开发H5的引擎框架，可直 接在FB或FD中开发、调试、编译H5</span>
								</div>
							</div>
							<div class="familyt-bottom-text fadeInUp animated col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="familyt-bottom-text-img col-md-4 col-sm-4 col-xs-12 col-lg-3 ">
									<img src="img/Layabox-4_03.png" alt="" />
								</div>
								<div class="familyt-bottom-text-text col-md-8 col-sm-8 col-xs-12 col-lg-9 ">
									<p>LayaStore</p>
									<span>嵌入式HTML5商城，APP只需嵌入20K的SDK 即可以获得托管式HTML5商店服务，进新时代。</span>
								</div>
							</div>
							<div class="familyt-bottom-text fadeInUp animated col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="familyt-bottom-text-img col-md-4 col-sm-4 col-xs-12 col-lg-3 ">
									<img src="img/Layabox-5_03.png" alt="" />
								</div>
								<div class="familyt-bottom-text-text col-md-8 col-sm-8 col-xs-12 col-lg-9  ">
									<p>LayaPlayer</p>
									<span>HTML5高速运行器，性能卓越、支持大型 HTML5游戏流畅运行，目前已植入QQ、百5亿。</span>
								</div>
							</div>
							<div class="familyt-bottom-text fadeInUp animated col-md-6 col-sm-6 col-xs-12 col-lg-6">
								<div class="familyt-bottom-text-img col-md-4 col-sm-4 col-xs-12 col-lg-3 ">
									<img src="img/Layabox-6_03.png" alt="" />
								</div>
								<div class="familyt-bottom-text-text col-md-8 col-sm-8 col-xs-12 col-lg-9  ">
									<p>LayaOpen</p>
									<span>Layabox开放平台，整合了Laya提供的各项运 营，管理服务的服务，提供给游戏提供商和互 联网渠道的统一开放平台。</span>
								</div>
							</div>
							
							

						</div>
					</div>
					
				</div>
			</div>
		<!--游戏部分-->
		<div class="game col-md-12 col-sm-12 col-xs-12 col-lg-12">

			<div class="container-fluid">
				<div class="row">
					<div class="game-top col-md-12 col-sm-12 col-xs-12 col-lg-12">
						<p>采用Layabox引擎的精彩游戏</p> 
						<span>更多</span>
					</div>
					
					<div class="game-left col-md-5 col-sm-12 col-xs-12 col-lg-5">
						<video width="100%" height="" src="video/layabox_product.mp4" controls="">
						
							</object>
							当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
						</video>
					</div>
					<div class="game-right col-md-7 col-sm-12 col-xs-12 col-lg-7">
						<div class="row">
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
						 	<a href=""><img src="img/game-2.png" alt="" />
							<p>猎刃2</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-1.png" alt="" />
							<p>上吧公主</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-3.png" alt="" />
							<p>醉西游</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-4.png" alt="" />
							<p>摩卡幻想</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-5.png" alt="" />
							<p>超能战队</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-6.png" alt="" />
							<p>刀塔大菠萝</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
						 	<a href=""><img src="img/game-6.png" alt="" />
							<p>迷你三国</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-5.png" alt="" />
							<p>轰三国</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-4.png" alt="" />
							<p>萌拐三国</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-3.png" alt="" />
							<p>多塔三国</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-2.png" alt="" />
							<p>英雄争霸</p></a>
						</div>
						<div class="game-game col-md-2 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/game-1.png" alt="" />
							<p>战争之门</p></a>
						</div>
					</div>
				</div>
			</div>	
		</div>
		</div>
		<!--合作渠道-->
		<div class="cooperation  col-md-12 col-sm-12 col-xs-12 col-lg-12">
			<div class="container-fluid">
				<div class="row">
					<div class="cooperation-top">
						<p>合作伙伴</p><span>排列不分顺序</span>
					</div>
					<div class="cooperation-bottom">
						
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-1.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-2.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-3.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-4.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-5.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-6.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-7.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-8.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-9.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-10.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-11.png" alt="" /></a>
						</div>
						<div class="cooperation-bottom-img col-md-4 col-sm-4 col-xs-4 col-lg-2">
							<a href=""><img src="img/huoban-12.png" alt="" /></a>
						</div>
					</div>
					
				</div>
			</div>
			</div>
		<!--版权部分-->
		<div class="copyright col-md-12 col-sm-12 col-xs-12 col-lg-12">
			<div class="container-fluid">
				<div class="copyright-content col-md-8 col-sm-8 col-xs-12 col-lg-8">
				<div class="copyrigh-top ">
					<ul>
						<li><a href="">公司简介</a></li>
						<li><a href="">联系方式</a></li>
						<li><a href="">人才招聘</a></li>
						<div class="clear"></div>
					</ul>
					
				</div>
				<div class="copyrigh-bottom">
					<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
				</div>
				</div>
				<div class="copyright-icon col-md-4 col-sm-4 col-xs-12 col-lg-4">
					<ul>
						<li><a href="">
							<i class="icon-xinxi iconfont">
							<div class="copyright-icon-tanchuang">
								<p>商务合作</p>
								<i class="icon-xinxi iconfont icon-tanchuang"></i>
								<p>BD@layabox.com</p>
							</div>
							</i>
							</a>
							
						</li>
						<li><a href="">
							<i class="icon-weixin iconfont">
							<div class="copyright-icon-tanchuang2">
								<div class="tanchuang2-img">
							 <img src="img/weixin-tanchuan_03.png" alt="" />
							 </div>
								
							</div>
							</i>
							</a>
						</li>
						<li><a href="">
							<i class="icon-qq iconfont">
							<div class="copyright-icon-tanchuang3">
								<div class="tanchuang3-img">
									<img src="img/QQtanchuang3.png"/>
								</div>
							</div>
							</i>
							</a>
						</li>
					</ul>
				
				</div>
			</div>
		</div>
			

			<script src="js/jquery-2.1.0.js"></script>
			<script src="js/bootstrap.js"></script>
	</body>

</html>